<template>
<div>
  <el-container>
    <el-header>
      <h3>云E办</h3>
    </el-header>
    <el-container>
      <el-aside width="200px">
        <el-menu router unique-opened>
          <el-submenu :index="index+''" v-for="(item,index) in routes" v-if="!item.hidden && item.menu != 'F'" :key="index">
            <template slot="title">
              <i :class="item.icon" style="margin-right: 5px;color: #1accff;"></i>
              <span>{{item.name}}</span>
            </template>
            <el-menu-item :index="children.path" v-for="(children,indexj) in item.children" :key="indexj" v-if="children.menu != 'F'">{{ children.name }}</el-menu-item>
          </el-submenu>
        </el-menu>
      </el-aside>
      <el-main><router-view/></el-main>
    </el-container>
  </el-container>
</div>
</template>

<script>
export default {
  name: "Home",
  computed:{
    routes(){
      return this.$store.state.routes;
    }
  }
}
</script>

<style scoped>

</style>